<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>iLEADER</title>
  <link rel="stylesheet" href="../dist/lib/layui/css/layui.css">
  <link rel="stylesheet" href="../dist/css/main.css">
</head>
<body class="admin-body">
  <!-- header start -->
  <div class="iLeader-header">
    <div class="iLeader-main">
      <a href="#" class="logo">
        <img src="../dist/img/logo.png" alt="">
      </a>
      <ul class="layui-nav header-nav">
        <li class="layui-nav-item">
          <a href="javascript:;">姓名<span class="nav-rect"></span>教师</a>
          <dl class="layui-nav-child">
            <dd><a href="">我的信息</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item">
          <a href="#">消息</a>
        </li>
        <li class="layui-nav-item">
          <div class="layui-input-inline">
            <input type="text" name="title" class="layui-input il-search-input" placeholder="Search" autocomplete="off">
          </div>
          <button class="layui-btn layui-btn-radius il-search-btn">
            <i class="icon"></i>
          </button>
        </li>
        <li class="layui-nav-item">
          <a href="#">帮助中心</a>
        </li>
        <li class="layui-nav-item">
          <a href="javascript:;" class="sign-out"></a>
        </li>
      </ul>
    </div>
  </div>
  <!-- header end -->

  <!-- content start-->
  <div class="iLeader-body">
    <div class="iLeader-main">
      <div class="main-header">
        <span class="title">主页</span>
      </div>
      <div class="main-body">
        <div class="layui-row">
          <div class="layui-col-md9 main-body-l">
            <div class="main-il-wrap">
              <div class="main-il-bar layui-clear">
                <div class="il-search-box">
                  <div class="layui-input-inline">
                    <input type="text" name="title" class="layui-input il-search-input" placeholder="搜索课程" autocomplete="off">
                  </div>
                  <button class="layui-btn layui-btn-radius il-search-btn">
                    <i class="icon"></i>
                  </button>
                </div>
                <div class="il-op-list">
                  <div class="il-sort-box">
                    <a href="#" class="layui-btn layui-btn-radius btn-sort">排序</a>
                  </div>
                </div>
              </div>
              <div class="layui-row layui-col-space25 main-course-wrap">
                <div class="layui-col-md4 il-grid-item">
                  <div class="il-grid-img">
                    <img class="avatar-img" src="https://d3j0t7vrtr92dk.cloudfront.net/samples/1455092883_photodune-4870538-opportunity-m.png?">
                    <div class="mask-box">
                      <a href="#" class="mask-btn" title="编辑课程内容">
                        <i class="icon icon-edit"></i>
                      </a>
                      <a href="#" class="mask-btn" title="课程信息">
                        <i class="icon icon-info"></i>
                      </a>
                    </div>
                  </div>
                  <div class="il-grid-title">
                    <a href="#" class="title-link" title="课程名称(级别)">
                      <span class="name">课程名称</span>
                      <span class="level">(级别)</span>
                    </a>
                  </div>
                </div>
                <div class="layui-col-md4 il-grid-item">
                  <div class="il-grid-img">
                    <img class="avatar-img" src="https://d3j0t7vrtr92dk.cloudfront.net/samples/1455092883_photodune-4870538-opportunity-m.png?">
                    <div class="mask-box">
                      <a href="#" class="mask-btn" title="编辑课程内容">
                        <i class="icon icon-edit"></i>
                      </a>
                      <a href="#" class="mask-btn" title="课程信息">
                        <i class="icon icon-info"></i>
                      </a>
                    </div>
                  </div>
                  <div class="il-grid-title">
                    <a href="#" class="title-link" title="课程名称(级别)">
                      <span class="name">课程名称</span>
                      <span class="level">(级别)</span>
                    </a>
                  </div>
                </div>
                <div class="layui-col-md4 il-grid-item">
                  <div class="il-grid-img">
                    <img class="avatar-img" src="https://d3j0t7vrtr92dk.cloudfront.net/samples/1455092883_photodune-4870538-opportunity-m.png?">
                    <div class="mask-box">
                      <a href="#" class="mask-btn" title="编辑课程内容">
                        <i class="icon icon-edit"></i>
                      </a>
                      <a href="#" class="mask-btn" title="课程信息">
                        <i class="icon icon-info"></i>
                      </a>
                    </div>
                  </div>
                  <div class="il-grid-title">
                    <a href="#" class="title-link" title="课程名称(级别)">
                      <span class="name">课程名称</span>
                      <span class="level">(级别)</span>
                    </a>
                  </div>
                </div>
                <div class="layui-col-md4 il-grid-item">
                  <div class="il-grid-img">
                    <img class="avatar-img" src="https://d3j0t7vrtr92dk.cloudfront.net/samples/1455092883_photodune-4870538-opportunity-m.png?">
                    <div class="mask-box">
                      <a href="#" class="mask-btn" title="编辑课程内容">
                        <i class="icon icon-edit"></i>
                      </a>
                      <a href="#" class="mask-btn" title="课程信息">
                        <i class="icon icon-info"></i>
                      </a>
                    </div>
                  </div>
                  <div class="il-grid-title">
                    <a href="#" class="title-link" title="课程名称(级别)">
                      <span class="name">课程名称</span>
                      <span class="level">(级别)</span>
                    </a>
                  </div>
                </div>
                <div class="layui-col-md4 il-grid-item">
                  <div class="il-grid-img">
                    <img class="avatar-img" src="https://d3j0t7vrtr92dk.cloudfront.net/samples/1455092883_photodune-4870538-opportunity-m.png?">
                    <div class="mask-box">
                      <a href="#" class="mask-btn" title="编辑课程内容">
                        <i class="icon icon-edit"></i>
                      </a>
                      <a href="#" class="mask-btn" title="课程信息">
                        <i class="icon icon-info"></i>
                      </a>
                    </div>
                  </div>
                  <div class="il-grid-title">
                    <a href="#" class="title-link" title="课程名称(级别)">
                      <span class="name">课程名称</span>
                      <span class="level">(级别)</span>
                    </a>
                  </div>
                </div>
                <div class="layui-col-md4 il-grid-item">
                  <div class="il-grid-img">
                    <img class="avatar-img" src="https://d3j0t7vrtr92dk.cloudfront.net/samples/1455092883_photodune-4870538-opportunity-m.png?">
                    <div class="mask-box">
                      <a href="#" class="mask-btn" title="编辑课程内容">
                        <i class="icon icon-edit"></i>
                      </a>
                      <a href="#" class="mask-btn" title="课程信息">
                        <i class="icon icon-info"></i>
                      </a>
                    </div>
                  </div>
                  <div class="il-grid-title">
                    <a href="#" class="title-link" title="课程名称(级别)">
                      <span class="name">课程名称</span>
                      <span class="level">(级别)</span>
                    </a>
                  </div>
                </div>
                <div class="layui-col-md4 il-grid-item">
                  <div class="il-grid-img">
                    <img class="avatar-img" src="https://d3j0t7vrtr92dk.cloudfront.net/samples/1455092883_photodune-4870538-opportunity-m.png?">
                    <div class="mask-box">
                      <a href="#" class="mask-btn" title="编辑课程内容">
                        <i class="icon icon-edit"></i>
                      </a>
                      <a href="#" class="mask-btn" title="课程信息">
                        <i class="icon icon-info"></i>
                      </a>
                    </div>
                  </div>
                  <div class="il-grid-title">
                    <a href="#" class="title-link" title="课程名称(级别)">
                      <span class="name">课程名称</span>
                      <span class="level">(级别)</span>
                    </a>
                  </div>
                </div>
                <div class="layui-col-md4 il-grid-item">
                  <div class="il-grid-img">
                    <img class="avatar-img" src="https://d3j0t7vrtr92dk.cloudfront.net/samples/1455092883_photodune-4870538-opportunity-m.png?">
                    <div class="mask-box">
                      <a href="#" class="mask-btn" title="编辑课程内容">
                        <i class="icon icon-edit"></i>
                      </a>
                      <a href="#" class="mask-btn" title="课程信息">
                        <i class="icon icon-info"></i>
                      </a>
                    </div>
                  </div>
                  <div class="il-grid-title">
                    <a href="#" class="title-link" title="课程名称(级别)">
                      <span class="name">课程名称</span>
                      <span class="level">(级别)</span>
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="layui-col-md3 main-body-r">
            <ul class="main-nav-list2">
              <li class="list-item">
                <a href="#" class="item-link">
                  <span class="il-icons il-icons-course"></span>
                  <div class="item-content">
                    <div class="link-hd">视频课程</div>
                    <div class="link-bd">管理我的视频课程</div>
                  </div>
                </a>
              </li>
              <li class="list-item">
                <a href="#" class="item-link">
                  <span class="il-icons il-icons-course"></span>
                  <div class="item-content">
                    <div class="link-hd">直播课程</div>
                    <div class="link-bd">管理我的直播课程</div>
                  </div>
                </a>
              </li>
              <li class="list-item">
                <a href="#" class="item-link">
                  <span class="il-icons il-icons-course"></span>
                  <div class="item-content">
                    <div class="link-hd">学员反馈</div>
                    <div class="link-bd">管理我的教学反馈</div>
                  </div>
                </a>
              </li>
              <li class="list-item">
                <a href="#" class="item-link">
                  <span class="il-icons il-icons-course"></span>
                  <div class="item-content">
                    <div class="link-hd">时间安排</div>
                    <div class="link-bd">管理我的教学时间</div>
                  </div>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- content end-->
<script src="../dist/lib/jquery.min.js"></script>
<script src="../dist/lib/layui/layui.js"></script>
<script src="../dist/js/common.js"></script>
</body>
</html>